<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蜗牛学堂-课程列表</title>
    <meta name="description" content="蜗牛学堂">
    <link href="/css/v2_index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="/js/dedeajax2.js"></script>
</head>

<body>

<!-- top头部 -->
<div class="dwz-box"></div>
<div th:replace="~{common::header}"></div>
<!-- top头部 End -->

<div class="top-yxw-pc-gl"></div>

<!-- 面包削 -->
<div class="mianbaoxiao clearfix">
    <div class="mianbao-min"><a href="#">首页</a> / 全部课程</div>
</div>
<!-- 面包削End -->


<!-- 课程分类 -->
<div class="peixun-kecheng clearfix" style="display:block">
    <div class="kecheng-fl-pc">
        <a
                th:href="'/course?subjectId=' + ${subject.id}"
                th:each="subject:${subjectList}"
                th:text="${subject.title}"
                th:class="${subject.id == subjectId ? 'on' : ''}"
        ></a>
    </div>
</div>
<!-- 课程分类 End -->


<div class="figures_list container">
    <!-- 课程列表 -->
    <div class="m-header-video">
        <ul class="content_list listqu clearfix">
            <li class="content_item" th:each="course:${courseList}">
                <a th:href="'/html/' + ${course.id} + '.html'" class="link"  th:title="${course.title}" target="_blank">
                    <img class="course-img-bg lazy-img" th:src="${course.cover}" style="display: block;">
                    <em class="jishu" th:text="${course.videoCount} + '集全'"></em>
                    <div class="main_title" th:text="${course.title}"></div>
                    <p class="price" style="display:none">￥28</p>
                    <div class="sub_title" th:text="${course.viewCount} + '次学习'"></div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 课程列表 End -->
</div>

<!-- 底部版权 -->
<div class="footer-link">
    <!-- logo -->
    <div class="layout-cont-logo"><img src="/images/footer-logo.png"></div>
    <div class="w1200">
        <ul>
            <li class="link">
                <a href="#" rel="nofollow">关于我们</a>
                <span class="sep">|</span>
                <a href="#" rel="nofollow">版权声明</a>
                <span class="sep">|</span>
                <a href="#" rel="nofollow">联系我们</a>
                <span class="sep">|</span>
                <a href="#" rel="nofollow">帮助中心</a>
                <span class="sep">|</span>
                <a href="#" rel="nofollow">VIP特权</a>
            </li>
        </ul>
        <p>Copyright © 2005-2020 蜗牛学堂 版权所有<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank"
                                                  class="footer-yxw-gxb">粤ICP备xxxxxxxx号</a></p>
        <p>咨询电话：13988888888，QQ客服：88888888</p>

    </div>
</div>
<!-- 底部版权 End -->

</body>
</html>